/**
 * Breadcrumb Area
 */

.sf-breadcrumb{
    padding: 15px 0;
    h3{
        margin-bottom: 0;
        letter-spacing: 2px;
    }
    ul{
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        font-size: 0;
        li{
            list-style: none;
            display: inline-block;
            color: $theme-color;
            text-transform: uppercase;
            font-family: $heading-font;
            font-size: $body-font-size;
            &::after{
                content: "";
                display: inline-block;
                height: 9px;
                width: 10px;
                border-style: solid;
                border-width: 5px 0px 5px 10px;
                border-color: transparent transparent transparent #333;
                margin: 0 7px;
            }
            &:last-child{
                &::after{
                    display: none;
                }
            }
            a{
                display: inline-block;
                color: $heading-color;
                &:hover{
                    color: $theme-color;
                }
            }
        }
    }
}

[class*="bg-breadcrumb-"]{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}
@for $i from 1 through 20{
	.bg-breadcrumb-#{$i}{
		background-image: url(img/bg/bg-breadcrumb-#{$i}.jpg);
	}
}

@media only screen and (min-width: 768px){
    .sn-breadcrumb-area{
        &::before{
            display: none;
        }
    }
}